@charset "utf-8";

body{
    background-color:#f2f2f2;
}
/*顶部导航*/
.topnav{
    background-color:#444;
    line-height:25px;
    font-size:12px;
    color:#aaa;
}
.topnav div span a{
    color:#aaa;
    float:right;
    margin:0 10px;
}
.topnav a:link a:visited{
    color:#aaa;
}
.topnav a:hover{
    color:#fff;
}

/*头部*/
header{
    background-color:#fff;
    height:75px;
}
header img{
    float:left;
    margin-right:20px;
}
header nav{
    float:left;
    line-height:75px;
}
header nav a{
    margin:15px;
    font-size:18px;
    color:#666;
}
header nav a:link,a:visited{
    color:#666;
}
header nav a:hover{
    color:#00A7EA;
}
header form{
    float:right;
    position:relative;
    top:20px;
}
header form input{
    width:204px;
    height:34px;
    outline:0;
    background:#f5f5f5;
    box-sizing:border-box;
    border:1px #eaeaea solid;
}
header form button{
    width:32px;
    height:32px;
    outline:0;
    cursor:pointer;
    background-image:url(../images/search.png);
    text-indent:-999999px;
    position:absolute;
    border:0;
    right:1px;
    top:1px;
}
header button:hover{
    background-position:30px;
}
/*横幅*/
.bonner{
    color:#fff;
    height:185px;
    background-image:url(../images/banner.jpg);
    padding:60px 0 0 300px;
    box-sizing:border-box;
    font-size:14px;
}
.bonner h1{
    margin-bottom:10px;
    font-size:30px;
}
.bonner a{
    color:#fff;
    font-size:14px;
    padding:1px 8px;
    background-color:#00A7EA;
    border-radius:11px;
    position:relative;
    bottom:5px;
}
/*主体*/
.main{
    margin:15px auto;
}
.main .list{
    width:853px;
    background-color:#fff;
    float:left;
}
main .list ul li{
    padding:15px;
}
main .list img{
    float:left;
    margin-right:15px;
    width:205px;
    height:166px;
}
main .list ul li h4{
    font-size:18px;
    margin-bottom:20px;
}
main .list ul li span{
    font-size:14px;
    color: #7c7c7c;
}
main .list ul li p{
    font-size:14px;
    color:#7c7c7c;
    margin-top:20px;
}
main .list span{
    padding:0 18px;
}
main .list span.time{
    background-image:url(../images/icon.png);
    background-position:0 3px;
}
main .list span.mend{
    background-image:url(../images/icon.png);
    background-position:0 -13px;
}
main .list span.browse{
    background-image:url(../images/icon.png);
    background-position:0 -30px;
}
main .list span.strp{
    background-image:url(../images/icon.png);
    background-position:0 -46px;
}
.main aside{
    width:332px;
    height:300px;
    background:pink;
    float:right;
}
/*友情链接*/
.yq{
    background:#0a0;
}
/*尾部*/
.footer{
    height:120px;
    margin-top:15px;
    background-color:#fff;
}
.footer div{
    color:#b7b7b7;
    margin-top:10px;
    margin-bottom:10px;
    font-size:20px;
    text-align:center;
}
.footer p{
    color:#B7B7B7;
    line-height:18px;
    text-align:center;
    font-size:12px;
}